<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<div class="top-failed-tasks-sla-protection-policy">
  <lv-datatable #lvTable [lvData]="data">
    <thead>
      <tr>
        <th>SLA</th>
        <th width="100">{{ 'common_home_failed_jobs_count_label' | i18n }}</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of lvTable.renderData; index as i">
        <td>
          <div class="first-box">
            <div lvOverflow>{{ data.slaName }}</div>
            <div *ngIf="i === 0" class="top">
              Top 1
            </div>
          </div>
        </td>
        <td>{{ data.count }}</td>
      </tr>
    </tbody>
  </lv-datatable>
</div>
